<template>
  <div>
    <table>
      <thead>
        <tr>
          <th v-for="(col,index) in cols" :key="index">{{col.title}}</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(row,lineIndex) in aa" :key="lineIndex">
          <!-- <td v-for="(col,colIndex) in cols" :key="colIndex">{{col.jsx(row)}}</td> -->
        </tr>
      </tbody>
    </table>
  </div>
</template>
<script>
export default {
  name: "project",
  data() {
    return {
      cols: [{ title: "姓名", key: "name", jsx: row => <b>123</b> }],
      aa: [{ name: "liuyan" }, { name: "2" }]
    };
  }
};
</script>
